<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	<link rel="stylesheet" href="layui/css/layui.css" />
	</head>
	<body>

		<h1>普通按钮</h1>
		<button type="button" class="layui-btn">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-primary">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-normal">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-warm">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-danger">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-disabled">标准的按钮</button>

		<h1>颜色按钮</h1>
		<button type="button" class="layui-btn layui-btn-primary layui-border-green">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-primary layui-border-black">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-primary layui-border-blue">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-primary layui-border-orange">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-primary layui-border-red">标准的按钮</button>

		<h1>尺寸按钮</h1>
		<button type="button" class="layui-btn layui-btn-lg">大型按钮</button>
		<button type="button" class="layui-btn">标准按钮</button>
		<button type="button" class="layui-btn layui-btn-sm">小型按钮</button>
		<button type="button" class="layui-btn layui-btn-xs">迷你按钮</button>
		
		<h1>流媒体</h1>
		<button type="button" class="layui-btn layui-btn-fluid">流体按钮（最大化适应）</button>
		<hr >
		<button type="button" class="layui-btn layui-btn-primary layui-btn-fluid">流体按钮（最大化适应）</button>
		
		<h1>圆角</h1>
		<button type="button" class="layui-btn  layui-btn-radius">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-primary  layui-btn-radius">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-normal  layui-btn-radius">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-warm  layui-btn-radius">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-danger  layui-btn-radius">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-disabled  layui-btn-radius">标准的按钮</button>
		
		<h1>常用图标按钮</h1>
		 <h2>图标地址：https://www.layui.com/doc/element/icon.html</h2>
		<button type="button" class="layui-btn layui-btn-primary">
		  <i class="layui-icon layui-icon-export">导出</i>
		</button>
		
		<button type="button" class="layui-btn layui-btn-primary">
		  <i class="layui-icon layui-icon-upload">上传</i>
		</button>
		<button type="button" class="layui-btn layui-btn-primary">
		  <i class="layui-icon layui-icon-download-circle">下载</i>
		</button>
		<button type="button" class="layui-btn layui-btn-primary">
		  <i class="layui-icon layui-icon-add-1">增加</i>
		</button>
		<button type="button" class="layui-btn layui-btn-primary">
		  <i class="layui-icon layui-icon-edit">编辑</i>
		</button>
		<button type="button" class="layui-btn layui-btn-primary">
		  <i class="layui-icon layui-icon-delete">删除</i>
		</button>
	
		
	</body>
</html>
<script src="js/layui.js"></script>
